<template>
  <div class="footer">
    <van-tabbar route v-model="active">
      <van-tabbar-item
        replace
        :to="{ path: '/index', query: { geohash: geohashnav } }"
        icon="logistics"
        >外卖</van-tabbar-item
      >
      <van-tabbar-item
        replace
        :to="{ path: '/search', query: { geohash: geohashnav } }"
        icon="aim"
      >
        搜索
      </van-tabbar-item>
      <van-tabbar-item replace to="/order" icon="balance-list-o"
        >订单</van-tabbar-item
      >
      <van-tabbar-item replace to="/personal" icon="user-o"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      geohashnav: "",
    };
  },
  created() {
    this.geohashnav = localStorage.getItem("geohash");
  },
};
</script>

<style lang="less" scoped>
</style>

